$(function () {

    // 1-进度条功能 
    // 在第一个请求发送时，进度条动起来，最后一个请求完成后， 进度条结束动画
    $(document).ajaxStart(function () {
        NProgress.start();
    });
    
    $(document).ajaxStop(function () {
            NProgress.done();      
    });

     // 2- 切换二级分类
  $('.cate-link').click(function () {
    $('.cate-list').stop().slideToggle();
  })

  // 3- 切换侧边栏 
  // 侧边栏 切换 lt-out类名 
  // body 切换 pl-180类名 
  // lt-top 切换 pl-180类名 
  // 推荐把动画用css3来实现， 用类名来控制动态，js执行负责切换类名 
  $('.menu').click(function () {
    // alert(111);
    $('.lt-aside').toggleClass('lt-out');
    $('.lt-top, body').toggleClass('pl-180');
  })

  // 4- 退出功能 
  // 前端通过ajax请求后台，进行退出， 让服务器删除标记；
  $('.logout').click(function () {
    $.ajax({
      type: 'get',
      url: ' /employee/employeeLogout',
      dataType: 'json',
      success: function (res) {
        console.log(res);
        // 在服务器删除标记成功后，跳转到登录页 
        // location.href = './login.html';
      }
    })
  });
})